<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery.messager</title>
<link rel="stylesheet" type="text/css" href="../themes/default/linkbutton.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/panel.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/dialog.css" />
<link rel="stylesheet" type="text/css" href="../themes/default/messager.css" />
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.linkbutton.js">
</script>
<script type="text/javascript" src="../src/jquery.panel.js">
</script>
<script type="text/javascript" src="../src/jquery.dialog.js">
</script>
<script type="text/javascript" src="../src/jquery.messager.js">
</script>
</head>
<body >
<button onclick="show('alert')">alert</button>
<button onclick="show('confirm')">confirm</button>
<button onclick="show('show')">show</button>
<!--
<div class="dialog" style="width:400px; display:block;" >
  <div class="dialog-header">
    Toolbar and Buttons
    <a class="dialog-close" href="javascript:void(0)"></a>
  </div>
  <div class="dialog-view">
  <div class="dialog-body" style="padding: 10px;">
  </div>
  </div>
</div>
-->
	
	
<script type="text/javascript">
	function show(type) {
		if(type == 'alert') {
			$.messager.alert('提示', '测试', 'error');
		} else if(type == 'confirm') {
			$.messager.confirm('提示', '测试');
		} else if(type == 'show') {
			$.messager.show({
				showType: 'slide',
                showSpeed: 600,
                width: 250,
                height: 100,
                msg: '操作成功',
                title: '提示',
                timeout: 3000,
                style: {
                	right: 0,
                	bottom: 0
                }
			});
		}
	}
	$(function() {
		
	});
</script>
</body>
</html>